@charset "utf-8";
/*===============================EXTRA FONT=============================================*/
@font-face {
 font-family: 'ZurichCnBTBold';
 src: url('../fonts/zurchbc_1-webfont.eot');
 src: url('../fonts/zurchbc_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchbc_1-webfont.woff') format('woff'), url('../fonts/zurchbc_1-webfont.ttf') format('truetype'), url('../fonts/zurchbc_1-webfont.svg#ZurichCnBTBold') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ZurichCnBTBoldItalic';
 src: url('../fonts/zurchbci_1-webfont.eot');
 src: url('../fonts/zurchbci_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchbci_1-webfont.woff') format('woff'), url('../fonts/zurchbci_1-webfont.ttf') format('truetype'), url('../fonts/zurchbci_1-webfont.svg#ZurichCnBTBoldItalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'ZurichCnBTRegular';
 src: url('../fonts/zurchc_1-webfont.eot');
 src: url('../fonts/zurchc_1-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchc_1-webfont.woff') format('woff'), url('../fonts/zurchc_1-webfont.ttf') format('truetype'), url('../fonts/zurchc_1-webfont.svg#ZurichCnBTRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}



/*==END==*/


#slider-container {height:289px; width:980px; position:relative; margin:0px; padding:0px; overflow:hidden;}
#slider-box {position: relative; width: 980px; height: 289px; list-style:none; margin:0px; padding:0 0 1px 0;}
#slider-box li {position: absolute; top: 0px; left: 0px; width: 980px; height: 289px; left:0; display:none;}

/* Welcome Banner */
#slider-box .welcome-banner { height:289px; overflow:hidden; position:relative; width: 700px; }
#slider-box .welcome-banner h1 {display:block; font-family:'ZurichCnBTRegular', Arial, Helvetica, sans-serif; font-size:30px; color:#fff; font-weight:normal; line-height:30px; color:#21b1cb; font-weight:bold; margin:40px 0 0 220px;}
#slider-box .welcome-banner p {display:block; font-size: 15px; color: #000; font-family:Arial, Helvetica, sans-serif; background:url(../images/signmark.png) 0px 0px no-repeat; margin:0 0 5px 150px; line-height:20px; padding-left:25px;}

/* Inner Banners */
#slider-box .photo-banner {background:#transparent; width:980px; height:289px;}
#slider-box .photo-banner .corners {width:980px; height:289px; background:transparent; position:absolute; top:0; left:0; background-image:url(../images/slider/corners.png); background-repeat: no-repeat; }
#slider-box .photo-banner .link {width:980px; height:289px; background:transparent; position:absolute; top:0; left:0;}
#slider-box .photo-banner .corners .text {width:845px; position:absolute; bottom:0; left:0; padding:12px 20px 12px 20px; font-size:12px; color:#a6a6a6; background-image: url(../images/slider/imgtxtbg.png); background-repeat: repeat-y; background-position: left;}

/* Corner */
.slider-corner { position:absolute; top:0px; right:0; width:95px; height:95px; background-repeat: no-repeat; z-index:100; }


/* Slider Nav */
.slide-pager-container {height:15px; width:auto; text-align:center; z-index:9999; display:; position:absolute; top:30px; left:30px;}
#slide-pager {text-align:left;}
#slide-pager a, #slide-pager a:visited {width:16px; height:16px; float:left; margin:2px 6px 0px 0px; background:url(../images/navigator.png) 0 0 no-repeat; display:block; font-size:11px; color:#000000; text-decoration:none; overflow:hidden; cursor:pointer; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:center; font-weight:bold; padding:0px 0px; outline:none;}
#slide-pager a:hover { background-position:0 -16px; }
#slide-pager a.active { background-position:0 -16px; outline:none; }
#slide-pager a.activeSlide { background-position:0 -32px; outline:none; }



/*test*/
/* Accordion Menu powered by www.menucool.com */

/* ##### Top level items #####*/
#acdnmenu 
{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. 
    height: 360px;*/
    width: 240px;
	
}

#acdnmenu ul.top
{
	padding-left:0;
    background:white;
    border:1px solid #bfdde5;
}

#acdnmenu div.heading, #acdnmenu a.link
{
    padding:8px; padding-left:18px;
    text-align:left;
    font:normal 12px Verdana;
    color:Black; 
    background:#e7f3f6;
    text-decoration:none;
    outline:none;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#115464;
}

#acdnmenu div.current, #acdnmenu div:hover, #acdnmenu a.link:hover, #acdnmenu div.current a.link
{
    color:#333;
    font-weight:normal;
    text-decoration:none;   
    background-position:0 -64px;
	font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#21b1cb;
}


/* arrow image for the top headings */
#acdnmenu div.arrowImage {
    width:12px;
    height:12px;
    top:9px;
    right:2px; /* Changing it to "left:2px;" will position the arrow image to the left */
    background-image:url(../images/arrows.gif);
    background-position:0 0;
}

#acdnmenu div.current div.arrowImage {
    background-position:0 -12px;
}

#acdnmenu li.separator
{
    border-top:1px solid #bfdde5;/*1*/
    border-bottom:none; 
}


/* ##### Sub level items #####*/
#acdnmenu ul.sub
{
	padding-left:14px; /*This determines the hierarchical offset*/ 
}

#acdnmenu ul.sub div.heading
{
    text-align:left;
    font:normal 12px Arial;
    padding:5px; padding-left:20px;
    color:Black;
    background:none; 
}
#acdnmenu ul.sub div.heading a
{
    color:Black;
}

#acdnmenu ul.sub div.current
{
    color:Black;
    background:none; 
}

#acdnmenu ul.sub a.link
{
    font:normal 11px Arial;
    color:#333;
    padding:5px; padding-left:20px;
    text-decoration:none;
    background:none; 
}

#acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current
{
    color:#09F;
    text-decoration:underline;
    background:none; 
}


#acdnmenu ul.sub div.arrowImage {
    width:12px;
    height:12px;
    top:6px;
    left:4px;
    background-image:url(../images/arrows.gif);
    background-position:0 -24px;
}
#acdnmenu ul.sub div.current div.arrowImage {
    background-position:0 -36px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu,  #acdnmenu ul
{
    display:block;
    font-size:0px;
    line-height:0px;
	
}
#acdnmenu li {font-size:12px; line-height:16px;}
#acdnmenu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
#acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description {*zoom:1;}
#acdnmenu li {*float:left;*width:100%;}

#acdnmenu ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;padding-left:10px;
}
#acdnmenu>ul{visibility: hidden;}
#acdnmenu li {padding:0;margin:0;}

#acdnmenu div.heading, #acdnmenu div.current
{
	position:relative;
    cursor: pointer;
}
#acdnmenu div.arrowImage {position:absolute; overflow:hidden;}

nav h1{font-family:'ZurichCnBTRegular', Arial, Helvetica, sans-serif; font-size:17px; color:#fff; margin:0px; padding:10px 6px 4px 10px; background:#21b1cb; text-transform:uppercase; font-weight:normal;}